import { Layout } from "antd";
import GiteeSvg from "@/assets/svg/gitee.svg?react";
import React from "react"; // 你已有的图标组件
const { Footer } = Layout;

const footerStyle: React.CSSProperties = {
    backgroundColor: "#f0f2f5",
    padding: "16px 24px",
    display: "flex",
    justifyContent: "space-between",
    alignItems: "center",
    fontSize: 14,
    color: "#666",
    borderTop: "1px solid #e0e0e0",
};

export default function FooterContent() {
    return (
        <Footer style={footerStyle}>
            <span>Copyright © 2025-至今 FlanChan 版权所有 All Rights Reserved.</span>
            <span>本网站需要获取您的 IP 地址以提供更好的服务，例如改善内容推荐体验，相关信息不会用于任何第三方用途。</span>
            <a
                href="https://gitee.com/flanchanowo/city-weather-status-frontend"
                style={{
                    display: "flex",
                    alignItems: "center",
                    textDecoration: "none",
                    color: "#666",
                }}
                onMouseEnter={(e) => (e.currentTarget.style.color = "#1f6ebd")}
                onMouseLeave={(e) => (e.currentTarget.style.color = "#666")}
            >
                <GiteeSvg fontSize={18}/>
                <span style={{marginLeft: 6}}>Gitee</span>
            </a>
        </Footer>
    );
}
